<nz-spin [nzSpinning]="isSpinning">
    <form nz-form [formGroup]="validateForm">
        <nz-collapseset>
            <nz-collapse [nzTitle]="'基础信息'" [nzActive]="true" [nzDisabled]="false">
                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="elevatorNum" nz-form-item-required>注册代码</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('elevatorNum')">
                        <nz-input [nzSize]="'large'" [nzDisabled]="true" formControlName="elevatorNum" [nzId]="'elevatorNum'" [(ngModel)]="elevatorlnfoBean.elevatorNum"
                            name="elevatorNum"></nz-input>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                        <label for="outsideNum">外部关联编号</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input name="outsideNum" [nzId]="'outsideNum'" formControlName="outsideNum" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.outsideNum"
                           ></nz-input>
                    </div>
                </div>

                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="elevatorTypeId" nz-form-item-required>电梯类型</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                        <nz-select  formControlName="elevatorTypeId" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" [(ngModel)]="elevatorlnfoBean.elevatorTypeId" name="elevatorTypeId">
                            <nz-option *ngFor="let option of elevatorTypeOptions" [nzLabel]="option.typeName" [nzValue]="option.id" >
                            </nz-option>
                        </nz-select>
                      <div nz-form-explain *ngIf="getFormControl('elevatorTypeId').dirty&&getFormControl('elevatorTypeId').hasError('required')">电梯类型不能为空!</div>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="elevatorPlace" nz-form-item-required>场所类型</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                        <nz-select formControlName="elevatorPlace" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" [(ngModel)]="elevatorlnfoBean.elevatorPlace" name="elevatorPlace">
                            <nz-option *ngFor="let option of elevatorPlaces" [nzLabel]="option.value" [nzValue]="option.label" >
                            </nz-option>
                        </nz-select>
                    </div>
                </div>
                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                        <label for="brandName">电梯品牌</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input name="brandName" [nzId]="'brandName'" formControlName="brandName" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.brandName"
                            ></nz-input>
                    </div>

                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="beUsedDateShow">投用日期</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-datepicker [nzFormat]="'YYYY-MM-DD'" [(ngModel)]="elevatorlnfoBean.beUsedDate" [nzPlaceHolder]="'投用日期'" formControlName="beUsedDateShow" name="beUsedDateShow" [nzSize]="'large'" style="width:100%">
                        </nz-datepicker>
                    </div>
                </div>

                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="programName" nz-form-item-required>项目名称</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input name="programName" [nzId]="'programName'" formControlName="programName" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.programName"
                            ></nz-input>
                    </div>

                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                        <label for="buildAddr">安装地点</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input name="buildAddr"  [nzDisabled]="true" [nzId]="'buildAddr'" formControlName="buildAddr" [nzSize]="'large'" [(ngModel)]="elevatorAddress"
                            ></nz-input>
                    </div>
                </div>
                <div nz-form-item nz-row>
                  <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                    <label for="pointsNum">点赞次数 </label>
                  </div>
                  <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                    <nz-input [nzDisabled]="true" name="pointsNum" [nzId]="'pointsNum'" formControlName="pointsNum" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.pointsNum"
                      name="pointsNum"></nz-input>
                  </div>
                  <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                      <label for="rescuePhoneNum">救援电话</label>
                  </div>
                  <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                      <nz-input [nzDisabled]="true" name="rescuePhoneNum" [nzId]="'rescuePhoneNum'" formControlName="rescuePhoneNum" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.rescuePhoneNum"
                          name="rescuePhoneNum"></nz-input>
                  </div>
                </div>
            </nz-collapse>
        </nz-collapseset>

        <nz-collapseset>
            <nz-collapse [nzTitle]="'安全保障信息'" [nzActive]="true" [nzDisabled]="false">
                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="lastMaintenanceTimeShow">上次维保时间 </label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-datepicker [nzFormat]="'YYYY-MM-DD'" [nzDisabled]="true" [(ngModel)]="elevatorlnfoBean.lastMaintenanceTime" [nzPlaceHolder]="'选择上次维保时间'" formControlName="lastMaintenanceTimeShow" name="lastMaintenanceTimeShow" [nzSize]="'large'" style="width:100%"></nz-datepicker>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="lastInspectDateShow" nz-form-item-required>上次巡检时间 </label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-datepicker [nzFormat]="'YYYY-MM-DD'"  [(ngModel)]="elevatorlnfoBean.lastInspectDate" [nzPlaceHolder]="'选择上次巡检时间'" formControlName="lastInspectDateShow" name="lastInspectDateShow" [nzSize]="'large'" style="width:100%"></nz-datepicker>
                    </div>
                </div>

                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="nextCheckDateShow">下次检验日期</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-datepicker  [nzFormat]="'YYYY-MM-DD'" [(ngModel)]="elevatorlnfoBean.nextCheckDate" [nzPlaceHolder]="'下次检验日期'" formControlName="nextCheckDateShow" name="nextCheckDateShow" [nzSize]="'large'" style="width:100%"></nz-datepicker>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="governorCkDateShow">限速器校验日期</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-datepicker [nzFormat]="'YYYY-MM-DD'" [(ngModel)]="elevatorlnfoBean.governorCkDate" [nzPlaceHolder]="'限速器校验日期'" formControlName="governorCkDateShow" name="governorCkDateShow" [nzSize]="'large'" style="width:100%">
                        </nz-datepicker>
                    </div>
                </div>
            </nz-collapse>
        </nz-collapseset>

        <nz-collapseset>
            <nz-collapse [nzTitle]="'管理信息'" [nzActive]="true" [nzDisabled]="false">
                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="addresOptions" nz-form-item-required>地址</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('addresOptions')">
                        <nz-cascader formControlName="addresOptions" [nzExpandTrigger]="'hover'" [nzOptions]="options"
                        [(ngModel)]="addresOptions"
                            (nzLoad)="loadData($event)" nzPlaceHolder="请选择地址">
                        </nz-cascader>
                        <div nz-form-explain *ngIf="getFormControl('addresOptions').dirty&&getFormControl('addresOptions').hasError('required')">地址不能为空!</div>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="branchOffice" nz-form-item-required>所属分局</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-select formControlName="branchOfficeId" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true"
                        [(ngModel)]="branchOfficeId" name="branchOffice">
                                <nz-option *ngFor="let option of jianguanList" [nzLabel]="option.partyName" [nzValue]="option.id" >
                                </nz-option>
                        </nz-select>
                        <div nz-form-explain *ngIf="getFormControl('branchOfficeId').dirty&&getFormControl('branchOfficeId').hasError('required')">所属分局不能为空!</div>
                    </div>
                </div>

                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="usedPartyId">物业单位</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-select formControlName="usedPartyId" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" [(ngModel)]="elevatorlnfoBean.usedPartyId" name="usedPartyId" (nzOpenChange)="wuyeChange()">
                                    <nz-option *ngFor="let option of wuyeList" [nzLabel]="option.partyName" [nzValue]="option.id" >
                                    </nz-option>
                            </nz-select>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="safeUserId">安全管理员</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-select formControlName="safeUserId" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" [(ngModel)]="elevatorlnfoBean.safeUserId" name="safeUserId">
                                <nz-option *ngFor="let option of anquanList" [nzLabel]="option.userName" [nzValue]="option.id" >
                                </nz-option>
                        </nz-select>
                    </div>
                </div>

                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                        <label for="safeUserTel">安全管理员电话</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input name="safeUserTel" [nzId]="'safeUserTel'" formControlName="safeUserTel" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.safeUserTel"
                            ></nz-input>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="maintenancePartyId">维保单位</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                        <nz-select formControlName="maintenancePartyId" nzAllowClear [nzPlaceHolder]="'请选择'"  [(ngModel)]="elevatorlnfoBean.maintenancePartyId" [nzShowSearch]="true" name="maintenancePartyId" (nzOpenChange)="weibaoChange()">
                            <nz-option *ngFor="let option of weibaoList" [nzLabel]="option.partyName" [nzValue]="option.id" [nzDisabled]="option.disabled">
                            </nz-option>
                        </nz-select>
                    </div>
                </div>
                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="maintenanceUserFirst">维保人员1</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                        <nz-select formControlName="maintenanceUserFirst" [(ngModel)]="elevatorlnfoBean.maintenanceUserFirst"  nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" name="maintenanceUserFirst">
                            <nz-option *ngFor="let option of weibaoren" [nzLabel]="option.userName" [nzValue]="option.id" [nzDisabled]="option.disabled">
                            </nz-option>
                        </nz-select>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="maintenanceUserSecond">维保人员2</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-select formControlName="maintenanceUserSecond" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" name="maintenanceUserSecond" [(ngModel)]="elevatorlnfoBean.maintenanceUserSecond">
                            <nz-option *ngFor="let option of weibaoren" [nzLabel]="option.userName" [nzValue]="option.id" [nzDisabled]="option.disabled">
                            </nz-option>
                        </nz-select>
                    </div>
                </div>

                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="maintTel">维保值守电话 </label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input name="maintTel" [nzId]="'maintTel'" formControlName="maintTel" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.maintTel"
                            name="maintTel"></nz-input>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="examinationPartyId">检验单位</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                        <nz-select formControlName="examinationPartyId" nzAllowClear [nzPlaceHolder]="'请选择'"  [(ngModel)]="elevatorlnfoBean.examinationPartyId" [nzShowSearch]="true" name="examinationPartyId" (nzOpenChange)="jianyanChange()">
                            <nz-option *ngFor="let option of jianyanList" [nzLabel]="option.partyName" [nzValue]="option.id" [nzDisabled]="option.disabled">
                            </nz-option>
                        </nz-select>
                    </div>
                </div>
                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="examinationUserFirst">检验人员1</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                        <nz-select formControlName="examinationUserFirst" [(ngModel)]="elevatorlnfoBean.examinationUserFirst"  nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" name="examinationUserFirst">
                            <nz-option *ngFor="let option of jianyanren" [nzLabel]="option.userName" [nzValue]="option.id" [nzDisabled]="option.disabled">
                            </nz-option>
                        </nz-select>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="examinationUserSecond">检验人员2</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-select formControlName="examinationUserSecond" nzAllowClear [nzPlaceHolder]="'请选择'" [nzShowSearch]="true" name="examinationUserSecond" [(ngModel)]="elevatorlnfoBean.examinationUserSecond">
                            <nz-option *ngFor="let option of jianyanren" [nzLabel]="option.userName" [nzValue]="option.id" [nzDisabled]="option.disabled">
                            </nz-option>
                        </nz-select>
                    </div>
                </div>
                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="examinationPartyName">检验单位名称</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input name="examinationPartyName" [nzId]="'examinationPartyName'" formControlName="examinationPartyName" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.examinationPartyName"
                            ></nz-input>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="insuranceName">保险公司</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input  name="insuranceName" [nzId]="'insuranceName'" formControlName="insuranceName" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.insuranceName"
                            name="insuranceNum"></nz-input>
                    </div>
                </div>

                <div nz-form-item nz-row>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="insuranceNum">保险单号</label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                        <nz-input name="insuranceNum" [nzId]="'insuranceNum'" formControlName="insuranceNum" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.insuranceNum"
                            name="insuranceNum"></nz-input>
                    </div>
                    <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        <label for="insuranceDateShow">保险有效日期 </label>
                    </div>
                    <div nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                        <nz-datepicker  [nzFormat]="'YYYY-MM-DD'" [(ngModel)]="elevatorlnfoBean.insuranceDate" [nzPlaceHolder]="'修改时间'" formControlName="insuranceDateShow" name="insuranceDateShow" [nzSize]="'large'" style="width:100%"></nz-datepicker>
                    </div>
                </div>

            </nz-collapse>
        </nz-collapseset>

        <nz-collapseset>
            <nz-collapse [nzTitle]="'设备信息'" [nzActive]="true" [nzDisabled]="false">
                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                            <label for="elevatorModel">电梯型号</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="elevatorModel" [nzId]="'elevatorModel'" formControlName="elevatorModel" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.elevatorModel"
                                name="elevatorModel"></nz-input>
                        </div>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                            <label for="serialNum" nz-form-item-required>电梯出厂编号</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback [nzValidateStatus]="getFormControl('serialNum')">
                            <nz-input [nzSize]="'large'" [nzDisabled]="true" formControlName="serialNum" [nzId]="'serialNum'" [(ngModel)]="elevatorlnfoBean.serialNum" name="serialNum"></nz-input>
                        </div>
                    </div>

                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="usedNum">使用证号</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="usedNum" [nzId]="'usedNum'" formControlName="usedNum" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.usedNum"
                                ></nz-input>
                        </div>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                            <label for="createCompanyName">制造单位名字</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input [nzDisabled]="true" name="createCompanyName" [nzId]="'createCompanyName'" formControlName="createCompanyName" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.createCompanyName"
                                name="createCompanyName"></nz-input>
                        </div>
                    </div>

                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="buildPartyName">安装单位名</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="buildPartyName" [nzId]="'buildPartyName'" formControlName="buildPartyName" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.buildPartyName"
                                ></nz-input>
                        </div>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="innerId">内部编号</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="innerId" [nzId]="'innerId'" formControlName="innerId" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.innerId"
                                ></nz-input>
                        </div>
                    </div>
                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                            <label for="isStop">使用状态</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                            <nz-radio-group [(ngModel)]="elevatorlnfoBean.isStop" formControlName="isStop">
                                <label nz-radio-button [nzValue]="'0'">
                                    <span>在用</span>
                                </label>
                                <label nz-radio-button [nzValue]="'1'">
                                    <span>停用</span>
                                </label>
                                <label nz-radio-button [nzValue]="'2'">
                                    <span>安装</span>
                                </label>
                                <label nz-radio-button [nzValue]="'3'">
                                    <span>注销</span>
                                </label>
                            </nz-radio-group>
                        </div>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="floorStation">层/站</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="floorStation" [nzId]="'floorStation'" formControlName="floorStation" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.floorStation"
                               ></nz-input>
                        </div>
                    </div>

                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="driveWay">电梯驱动方式</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="driveWay" [nzId]="'driveWay'" formControlName="driveWay" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.driveWay"
                                ></nz-input>
                        </div>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="ratedLoad">额定载荷</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="ratedLoad" [nzId]="'ratedLoad'" formControlName="ratedLoad" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.ratedLoad"
                                ></nz-input>
                        </div>
                    </div>

                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="runSpeed">运行速度</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="runSpeed" [nzId]="'runSpeed'" formControlName="runSpeed" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.runSpeed"
                                ></nz-input>
                        </div>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="liftHeight">提升高度</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="liftHeight" [nzId]="'liftHeight'" formControlName="liftHeight" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.liftHeight"
                                ></nz-input>
                        </div>
                    </div>

                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="stepWidth">梯级宽度</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="stepWidth" [nzId]="'stepWidth'" formControlName="stepWidth" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.stepWidth"
                                ></nz-input>
                        </div>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="8">
                            <label for="angle">载重/角度</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <nz-input name="angle" [nzId]="'angle'" formControlName="angle" [nzSize]="'large'" [(ngModel)]="elevatorlnfoBean.angle"
                                ></nz-input>
                        </div>
                    </div>

                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                            <label for="elevatorPhotoUrl">电梯图片</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" nzHasFeedback>
                            <input type="file" ng2FileSelect [uploader]="fileUploader" (change)="selectedFileOnChanged($event)" />
                          <span style="color: red">请拍摄上传轿厢检验标志及安全提示标示张贴处照片</span>
                        </div>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                          <label for="qrCodeUrl">二维码图片</label>
                        </div>
                        <div nz-form-control nz-col [nzSm]="8" [nzXs]="8" *ngIf="elevatorlnfoBean.qrCodeUrl">
                          <img src="{{config.IP+config.API.getQrcode+elevatorlnfoBean.qrCodeUrl}}" width="120px" height="120px" />
                        </div>
                    </div>

                    <div nz-form-item nz-row>
                        <div nz-form-label nz-col [nzSm]="3" [nzXs]="3">
                        </div>
                        <div *ngIf="showImage!=null" nz-form-control nz-col [nzSm]="8" [nzXs]="8">
                            <img (click)="delete(f)" *ngFor="let f of showImage" src="{{config.IP+config.API.getUpload+f}}" width="40px" height="40px"
                                style="margin-left: 10px;" />
                        </div>
                    </div>
            </nz-collapse>
        </nz-collapseset>
        <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="8" [nzOffset]="11">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'" (click)="submitForm($event,validateForm.value)">提交</button>
          </div>
        </div>
    </form>
</nz-spin>
